<!-- 
<!DOCTYPE html>
<html>
	<head>
		 设置浏览器不缓存 
		<META HTTP-EQUIV="pragma" CONTENT="no-cache">
		<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<META HTTP-EQUIV="expires" CONTENT="0">
	Content-Type 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	 Favicon 
		<link rel="shortcut icon" href="./images/logo.png">
		<title></title>
		stylesheets
		<link rel="stylesheet" href="./plugins/element/index.css">
		<script src="./plugins/vue/vue.js"></script>
		<script src="./plugins/element/index.js"></script>
		<script src="./plugins/axios/axios.min.js"></script>
		<script src="./js/common/public.js?v=0.8.0.3"></script>
		 自定义样式表 
		<link rel="stylesheet" href="./css/base.css?v=0.8.0.3">
	</head> -->
<!-- 	.<style type="text/css">
		body
		  {
		  background-color:white;
		  }
		pre{
		white-space:pre-wrap;
		white-space:-moz-pre-wrap;
		white-space:-pre-wrap;
		white-space:-o-pre-wrap;
		word-wrap:break-word;
		}
		.videodiv{
			height: 50%;
			width: 100%;
		}
		.videoplay{
			height: 100%;
			width: 100%;
		}
		#prediv{
			background-color:white;
			height:200px;
			color: black;
			overflow:auto;
			word-wrap: break-word;
			white-space : normal
		}
	</style>
	<body background-color="white">
		<div id="app">
			<template>
				<div class="videodiv">
					<video :src="videourl" controls="controls" class="videoplay"></video>
				</div>
				
				<div style="text-align:center">
				<el-button type="primary" size="mini" round @click="changeprev()">上一个</el-button>
				<el-button type="primary" size="mini" round @click="changenext()">下一个</el-button>
				</div>
				<div>
					<div id="prediv">
						<pre> 
 客户分类过期提示
 1、无分类客户
 a. 我的客户中批量添加的无分类客户（分配方式为自动的），过期期限为1天。比如：2020-10-10 9:0:0添加的，如果期间没有跟踪记录，将在2020-10-11 9:0:0过期。
 b. 公共客户中主管分配的无分类客户（分配方式为手动的），过期期限为4小时。比如：2020-10-10 9:0:0添加的，如果期间没有跟踪记录，将在2020-10-10 13:0:0过期。
 c. 另外，我的客户中单个添加的客户，分配方式默认为手动。如果客户为无分类状态，过期期限同样是4小时。
 2、A类客户
 我的客户中A类客户的过期期限为7天。比如：2020-10-10 9:0:0添加的，如果期间没有跟踪记录，将在2020-10-17  9:0:0过期。
 3、B类客户
 我的客户中B类客户的过期期限为14天。比如：2020-10-10 9:0:0添加的，如果期间没有跟踪记录，将在2020-10-24  9:0:0过期。
 4、C类客户
 我的客户中C类客户的过期期限为30天。比如：2020-10-1 9:0:0添加的，如果期间没有跟踪记录，将在2020-10-31  9:0:0过期。
 5、线索客户
 我的客户中线索客户的过期期限为30分钟。比如：2020-10-1 9:0:0添加的，如果期间没有跟踪记录，将在2020-10-31  9:30:0过期。
						 </pre>
					</div>
				</div>
		</template>
		</div>
	</body>
	<script src="./js/video.js"></script>
</html>
 -->

<!DOCTYPE html>
<html>
	<head>
		<!-- 设置浏览器不缓存 -->
		<META HTTP-EQUIV="pragma" CONTENT="no-cache">
		<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<META HTTP-EQUIV="expires" CONTENT="0">
		<!-- Content-Type -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!-- Favicon -->
		<link rel="shortcut icon" href="./images/logo.png">
		<title>企业服务共享中心</title>
		<!--stylesheets-->
		<link rel="stylesheet" href="./plugins/element/index.css">
		<script src="./plugins/vue/vue.js"></script>
		<script src="./plugins/element/index.js"></script>
		<script src="./plugins/axios/axios.min.js"></script>
		<script src="./js/common/public.js?v=0.8.0.3"></script>
		<!-- 自定义样式表 -->
		<link rel="stylesheet" href="./css/base.css?v=0.8.0.3">
	</head>
	<style>
		.video-container{
   display: flex;
   flex-direction: column;
   }
   .video-list{
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
 	float:left;
    
   }
 .thumbnail-img{
 	text-align: center;
 	
 	}
 </style>
	<body>
		<div id="app">
			<template>
				<div class="video-player">
					<div class="video-container">
						<div class="video-wrap"> <iframe :src="activeVideo[videoIndex]" controls="controls" frameborder="0" allow="encrypted-media"
							 allowfullscreen style="width: 100%;height: 300px;"></iframe> </div>
					</div>
					<!-- 					<div class="video-list">
 						<div v-for="video in videos" @click="chooseVideo(video)" :key="video.id" class="thumbnail">
 							<div class="thumbnail-img"> <img :src="video.thumbnail" :alt="video.title" /> </div>
 							<div class="thumbnail-info">
 								<h4>{{ video.title }}</h4>
 								<div class="thumbnail-views"> <span>{{ video.speaker }}</span> <span>{{ video.views }} Views</span> </div>
 								<div class="thumbnail-describe">{{ video.describe }}</div>
 							</div>
 						</div>
 					</div> -->
					<div class="block">

						<!-- <el-carousel height="150px" indicator-position="outside">
       <el-carousel-item v-for="video in videos" :key="video.id" >
         <div class="thumbnail-img"> <img :src="video.thumbnail" :alt="video.title" @click="chooseVideo(video) " style="height: 100%;"/> </div>
 		<div class="thumbnail-info">
 			<h4>{{ video.title }}</h4>
 			<div class="thumbnail-views"> <span>{{ video.speaker }}</span> <span>{{ video.views }} Views</span> </div>
 			<div class="thumbnail-describe">{{ video.describe }}</div>
 		</div>
       </el-carousel-item>
     </el-carousel> -->
						<el-table :data="tableData" header-row-style="height:5px" row-style="height:5px" cell-style="padding:2px 0" height="198px" @row-click="confirm">
							<el-table-column prop="id" label="编号" width="50" >
							</el-table-column>
							<el-table-column prop="name" label="视频名称" width="440">
							</el-table-column>
						</el-table>
					</div>
				</div>
			</template>
		</div>
	</body>

	<script src="./js/video.js"></script>

</html>
